// data-theme 属性来控制全局主题样式。
import { Select } from 'antd';
function Hf() {
  const handleChange = (value: string) => {
    console.log(`selected ${value}`);
        //  document.documentElement.setAttribute('data-theme',value)
        document.documentElement.setAttribute('data-theme',value)
  };

  return (
    <div>
      <Select
        defaultValue="zinc"
        style={{ width: 120 }}
        onChange={handleChange}
        options={[
          { value: 'gray', label: '白色' },
          { value: 'zinc', label: '黑色' },

        ]}
      />
      <div className='w-[100%] h-[100vh] bg-white dark:text-white
      gray:bg-gray-50   gray:text-gray-900
      zinc:bg-zinc-900   zinc:text-zinc-50
      '>
        福岛核辐射
      </div>
    </div>
  )
}

export default Hf
